<template>
    <div>
        <div class="step-block">
            <el-row>
                <el-col :span="12">
                    <zw-steps :active="active" :steps="steps" />
                </el-col>
            </el-row>
        </div>
        <Accopen v-if="active === 0" />
        <Reported v-if="active === 1" />
    </div>
</template>
<script setup>
import { ref, reactive } from 'vue';
import ZwSteps from '@/components/Steps.vue';
import Accopen from './accopen.vue';
import Reported from './reported.vue';
const active = ref(1);
const steps = reactive([
    {
        title: '申请报备'
    },
    {
        title: '报备开通'
    }
]);
</script>
<style lang="scss" scoped>
.step-block {
    height: 72px;
    line-height: 72px;
    text-align: center;
    background-color: #f9f9f9;
    padding: 0 30px;
    border: 1px solid #eaeaea;
}
</style>
